<template>
  <div class="wp">
    <Home v-if="home"/>
    <Shop v-if="shop"/>
  </div>
</template>

<script>
import Home from '../czl/Home'
import Shop from '../wly/Shop'
export default {
    name:"Recent",
    data(){
      return{
        path:this.$store.state.commonTools,
        home:false,
        shop:false,
      }
    },
    components:{
      Home,
      Shop,
    },
    mounted(){
      // console.log(this.path[0].name);
      switch(this.path[0].name) {
        case 'Home':
          this.home = true;
          break;
        case 'Shop':
          this.shop = true;
          break;
      }
    }
}
</script>

<style  scoped>
.wp {
    width: 1083px;
    height: 623px;
    overflow: scroll;
}
</style>